<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<meta name="description" content="">
	<meta name="keywords" content="">
	<meta name="author" content="Steper Kuo">
	<title>Flex index</title>

	<!-- Favicons -->
	<link rel="apple-touch-icon" href="../assets/img/apple-touch-icon.png">
	<link rel="icon" href="../assets/img/favicon.png">

	<!--Jquery.js, HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
	<script src="//cdn.bootcss.com/jquery/1.11.0/jquery.min.js"></script>
	<!--[if lt IE 9]>
	<script src="//oss.maxcdn.com/libs/html5shiv/3.7.0/html5shiv.js"></script>
	<script src="//oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
	<![endif]-->

</head>
<body>

<!-- Script Preload code *** JS -->
<script
		src="https://gyx8899.github.io/YX-WebThemeKit/fn-pre-loader/preLoader.js?type=split-ssc"></script>

<main>
	<section id="demos">
		<div class="row">
			<div class="large-12 columns">
				<h4 id="basic-demos-">Flex: Classify</h4>
				<hr>
				<div class="demo-list">
					<div class="row">
						<div class="small-6 medium-4 large-3 columns">
							<a href="flex-item.html" class="demo-block">
								<h5>Flex item</h5>
							</a>
						</div>
						<div class="small-6 medium-4 large-3 columns">
							<a href="flex-container.html" class="demo-block">
								<h5>Flex container</h5>
							</a>
						</div>
					</div>
				</div>
			</div>
		</div>
	</section>
</main>

<!-- Script Common *** JS -->
<script src="https://gyx8899.github.io/YX-JS-ToolKit/dist/assets/js/common.min.js"></script>

<!-- Script Config *** JS -->
<script src="https://gyx8899.github.io/YX-WebThemeKit/assets/js/yx-theme-config.js"></script>

</body>
</html>